<template>
  <div class="button">
    <el-row :gutter="20">
      <el-col :span="8">
        <el-button @click="closeEdit">取&nbsp;消</el-button>
      </el-col>
      <el-col :span="8">
        <el-button @click="resetForm(jbxxRuleForm)">重&nbsp;置</el-button>
      </el-col>
      <el-col :span="8">
        <el-button style="background-color: rgba(0, 255, 255, 0.203921568627451)"
          >保&nbsp;存</el-button
        >
      </el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
.button {
  transform: translateX(14%);
  margin-right: 19%;
  .el-button {
    width: 140px;
    height: 33px;
    border: unset;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.8);
    background-image: url('@/assets/u515.svg');
  }
}
</style>
